<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
  String _id=request.getParameter("_");
  String jsessionid = session.getId();
%>

        <div class="panel">
            <div class="panel-heading header">
                <h3 class="panel-title" id="title">费用报销</h3>
            </div>

            <!-- BASIC FORM ELEMENTS -->
            <!--===================================================-->
            <form id="form_expense_input" class="form-horizontal">

                <input type="hidden" name="keyId" id="keyId" value="${expense.id}"/>

                <div class="form-group">
                    <label class="col-md-2 control-label">报销类别<i class="fa fa-asterisk txt-color-red"></i></label>
                    <div class="col-md-6">
                        <input  name="typeDictId" id="typeDictId" class="form-control" disabled
                                type="text" value="${expense.type.name}">
                    </div>

                </div>

                <div class="form-group" >
                    <label class="col-md-2 control-label">
                        报销金额（元）<i class="fa fa-asterisk txt-color-red"></i>
                    </label>
                    <div class="col-md-6">
                        <input  disabled type="text" name="amount" id="amount" class="form-control" value="${expense.amount}" >
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">
                        费用说明
                    </label>
                    <div class="col-md-6">
                        <input disabled type="text" name="content" id="content" class="form-control"  value="${expense.content}" >
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">发票照片</label>
                    <div class="col-md-6">
                        <input name="uploadify" id="picname" style="display: none" placeholder="" type="file" >
                        <input name="picId" id="picId" style="display: none" value="${picId}">
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-md-2 control-label">其他附件</label>
                    <div class="col-md-6">
                        <input name="uploadify" id="filename"  style="display: none" placeholder="" type="file" >
                        <input name="fileId" id="fileId" style="display: none" value="${fileId}">
                    </div>
                </div>
                <c:if test='${expense.processState != "Finished" && expense.processState != "Deny"}'>

                    <div class="form-group">
                        <label class="col-md-2 control-label">
                            是否抄送
                        </label>
                        <div class="col-md-6">
                            <div class="radio">
                                <input type="radio" id="remindYes" name="remind" value="1" class="magic-radio">
                                <label for="remindYes">是</label>
                                <input type="radio" id="remindNo" name="remind" value="0" class="magic-radio">
                                <label for="remindNo">否</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group" style="display: none" id="showRemind">
                        <label class="col-md-2 control-label">
                            <a href="javascript:void(0);" onclick="fn_members_dialog_select('remindUser', 'remindUserId')" style="color: #4FA5D0">抄送人员</a>
                            <i class="fa fa-asterisk txt-color-red"></i>
                        </label>
                        <div class="col-md-6">
                            <input type="text" id="remindUser" name="remindUser" class="form-control" placeholder="请选择抄送人员" readonly onclick="fn_members_dialog_select('remindUser', 'remindUserId')">
                            <input type="hidden" id="remindUserId" name="remindUserId" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">
                           下一步流程
                        </label>
                        <div class="col-md-6">
                            <div class="radio">
                                <input type="radio" id="nextNo" name="next" value="0" class="magic-radio">
                                <label for="nextNo">归档</label>
                                <input type="radio" id="nextYes" name="next" value="1" class="magic-radio">
                                <label for="nextYes">选择下一步操作人</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group" style="display:none" id="showNextStep">
                        <label class="col-md-2 control-label">
                            <a href="javascript:void(0);" onclick="fn_member_dialog_select('editors', 'editorsId')" style="color: #4FA5D0">选择下一步操作人</a>
                            <i class="fa fa-asterisk txt-color-red"></i>
                        </label>
                        <div class="col-md-6">
                            <input type="text" id="editors" name="editors" class="form-control" placeholder="请选择下一步操作人" readonly onclick="fn_member_dialog_select('editors', 'editorsId')" >
                            <input type="hidden" id="editorsId" name="editorsId">
                        </div>
                    </div>
                 </c:if>

            </form>
            <jsp:include page="common.jsp" />
            <!--===================================================-->
            <!-- END BASIC FORM ELEMENTS -->

        </div>

<script>
    var state = "${expense.processState}";
    var index = "${index}";
    var todo = "${todo}";
    var remind = "${remind}";
    var record = "${record}";
    var draft =  "${draft}";

    $(function(){
        loadURL("<%=path%>/com/running/newWorkflow?bussinessId="+$("input#keyId").val()+"&type=flow",$('#showFlow'));
        loadURL("<%=path%>/com/running/newWorkflow?bussinessId="+$("input#keyId").val()+"&type=next",$('#showNext'));
        if(state !=  "Finished" &&  state !=  "Deny"){
            __ajax_post("<%=path%>/com/running/newOperateType",{keyId: $("input#keyId").val()},function(pdata){
                var area = $("div.flow .panel-footer");
                $(pdata.datarows).each(function(i,v){
                    var str = '<a id="left_foot_btn_'+ v.action+'" class="btn btn-warning" href="javascript:void(0);"><i class="fa fa-upload">'+ v.name+'</i></a>&nbsp;';

                    $(area).append(str);
                });
                //通过
                $("#left_foot_btn_approve").off("click").on("click",function(){
                    if($(":checked[name='next']").length < 1){
                        __toastr_warning("请选择下一步流程");
                        return false;
                    }else if($(":checked[name='next']").val()==1 && $("#editorsId").val()==""){
                        __toastr_warning("请选择下一步审批人");
                        return false;
                    }
                    __form_approve("form_expense_input","<%=path%>/com/expense/approve" );
                });
                //退回
                $("#left_foot_btn_sendback").off("click").on("click",function(){
                    var vActionUrl="<%=path%>/com/expense/back";
                    var keyId = $("input#keyId").val();
                    var aData={keyId:$("input#keyId").val()};
                    __form_back(keyId, vActionUrl, aData);

                });
                //否决
                $("#left_foot_btn_deny").off("click").on("click",function(){
                    var vActionUrl="<%=path%>/com/expense/deny";
                    var keyId = $("input#keyId").val();
                    var aData={keyId:$("input#keyId").val()};
                    __form_deny(keyId, vActionUrl, aData);
                });
            });
        }

        //流程信息展开
        $('#flow,#next').click(function(){
            if($(this).hasClass("right")){
                $(this).removeClass("right").addClass("down");
                $(this).parent(".f_title").next("div.f_content").show();
            }else{
                $(this).removeClass("down").addClass("right");
                $(this).parent(".f_title").next("div.f_content").hide();
            }
        });
    });
    //照片
    readLoad({
        objId:"picname",
        entityName:"picIds",
        sourceId:"picId"
    });
    //其他文件
    readLoad({
        objId:"filename",
        entityName:"fileIds",
        sourceId:"fileId"
    });
    //返回视图
    $("#apply-re-common").click(function(){
        if(index==1){
            loadURL("menu/dashboard",$('#page-content'));
        }else if(todo==1){
            loadURL("menu/toDo",$('#page-content'));
        }else if(remind==1){
            loadURL("menu/remind",$('#page-content'));
        }else if(record==1){
            loadURL("menu/taskRecord?type=1",$('#page-content'));
        }else if(record==2){
            loadURL("menu/taskRecord?type=2",$('#page-content'));
        }else if(draft==1){
            loadURL("menu/draft",$('#page-content'));
        }else{
            returnToHashUrl()
        }

    });

    //下一步点击
    $(':radio[name="next"]').click(function(){
        if($(this).val() == "1"){
            $('#showNextStep').show();
        }else{
            $('#showNextStep').hide();
        }
    });

    //抄送点击
    $(':radio[name="remind"]').click(function(){
        if($(this).val() == "1"){
            $('#showRemind').show();
        }else{
            $('#showRemind').hide();
        }
    });

    //编辑
    $("a[key=ajax_edit]").click(function(){
        loadURL("<%=path%>/com/expense/input?keyId="+$("input#keyId").val()+"&draft="+draft+"&todo="+todo+"&remind="+remind+"&record="+record+"&index="+index,$('#page-content'));
    });



</script>




